<template>
  <div id="app"> 
      <router-view/>
  </div>
</template>
<script>
import { Dialog } from 'vant';
export default {
  created(){
    // 处理 路由错误
    let routes = this.$router.options.routes  //获取所有路由
    let children_num = 0      //用于计算子路由的长度
    let num =0               //计算当前路由 符合 字符路由的长度
    let f_pd = false           //用于判断 一级路由 

    let atPath = this.$route.fullPath //当前 地址栏 地址
    if(atPath.includes('?')){ //如果有 ? 号说明有参数传递,交给指定功能解决
      return false
    }
    routes.map((v)=>{   //所有路由便利
      if(v.path == atPath){   
        f_pd=true  //一级路由存在 让其等于 true
      }
      if(v.children){
        v.children.map((val,key)=>{
          children_num++
          if(val.path !== atPath){
            num++
          }
        })
      }
    })

    // 判断一级路由,如果有了就不执行 if 下代码
    if(f_pd) return false
    if(num == children_num){
        Dialog.alert({title: '地址栏错误',message: '是否跳转至主页',})
        .then(() => { this.$router.push({path:'/'}) });
    }
    // 处理 路由错误结束
  },
  components: {
    [Dialog.Component.name]: Dialog.Component,
  },
}
</script>
<style>
#app{
    max-width:411px;
    margin:0px auto;
}
</style>